
.item_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  position: absolute;
  .item {
    flex: 1;
    .title {
      font-size: 12px;
      color: #666;
    }
    .num {
      color: #202020;
      font-weight: bold;
      font-size: 24px;
      margin-top: 5px;
    }
    .red {
      color: #ff0000;
    }
  }
}
.item_wrap.normal {
  right: 15px;
  top: 29%;
}
.item_wrap.finish {
  right: 15px;
  top: 68%;
}


.fill{
  .item_title{
    font-size: 12px;
    color: #666666;
    transform: translateY(-8px);
  }
}
.detailinfo{
  background: #f2f2f2;

  .detailinfo_header{
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 15px;
    border-radius: 8px;
    background: #fff;
    .title{
      font-size: 18px;
      font-weight: bold;
      margin-right: 20px;
    }
    .status{
      white-space: nowrap;
    }
  }
  .detailinfo_content{
    margin: 15px;
    border-radius: 8px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    li{
      margin-bottom: 10px;
      &:last-child{
        margin-bottom: 0;
      }
    }
    .title{
      color: #666;
      margin-right: 20px;
      flex: 1;
    }
    .content{
      flex: 2;
    }
  }
}